<!-- FAQ Section -->
{% if section.settings.show_faq %}
<div class="product-display-section container-fluid" id="faq">
    <h2 class="sec-custome-h2">FAQ</h2>
    <ul class="faq-area">
        {% for block in section.blocks %}
        <li class="faq-item {% if forloop.first %}first{% endif %}">
            <h5 class="faq-title">{{ block.settings.faq_title }}</h5>
            <p class="faq-content">{{ block.settings.faq_content }}</p>
        </li>
        {%- endfor -%}
    </ul>
</div>
{% endif %}

{% schema %}
{
  "name": "FAQ settings",
  "settings": [
    {
      "type": "header",
      "content": "FAQ Enable Setting"
    },
    {
      "type": "checkbox",
      "id": "show_faq",
      "label": "Enable Image",
      "default": true
    }
  ],
  "blocks": [
    {
        "type": "faq_item_1",
        "name": "FAQ Item 1",
        "settings": [
            {
                "type": "text",
                "id": "faq_title",
                "label": "FAQ Item Title",
                "info": "Put title here",
                "default" : "FAQ Title"
            },
            {
                "type": "textarea",
                "id": "faq_content",
                "label": "FAQ Item Content",
                "info": "Put Content here",
                "default" : "FAQ Content"
            }
        ]
    },
    {
        "type": "faq_item_2",
        "name": "FAQ Item 2",
        "settings": [
            {
                "type": "text",
                "id": "faq_title",
                "label": "FAQ Item Title",
                "info": "Put title here",
                "default" : "FAQ Title"
            },
            {
                "type": "textarea",
                "id": "faq_content",
                "label": "FAQ Item Content",
                "info": "Put Content here",
                "default" : "FAQ Content"
            }
        ]
    }
  ]
}
{% endschema %}